﻿@{
    ViewBag.Title = "Home Page";
}
<style>
    .el-header {
        background-color: #B3C0D1;
        color: #333;
        line-height: 60px;
    }

    .el-aside {
        color: #333;
    }
</style>

<div id="app">

 
    <el-switch v-model="value3"
               active-text="按月付费"
               inactive-text="按年付费">
    </el-switch>
    <el-switch style="display: block"
               v-model="value4"
               active-color="#13ce66"
               inactive-color="#ff4949"
               active-text="按月付费"
               inactive-text="按年付费">
    </el-switch>
   

</div>

@section scripts{
    <script>


        var Mainsss = {
            data() {

                return {
                    value1: true,
                    value2: true,
                    value3: true,
                    value4: true
                }
            }
        }
        var Ctorsss = Vue.extend(Mainsss)
       var ss=  new Ctorsss().$mount('#app')
    </script>
}